@tailwind base;
@tailwind components;
@tailwind utilities;
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*{
  box-sizing: border-box;
}
body{
  color: #bfbfbf;
}
#web_bg{
  position: fixed;
    z-index: -999;
    width: 100%;
    height: 100%;
    background: url(/nfbg.jpg);
    background-attachment: local;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(60%);
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.curved-line {
  position: relative;
  width: 100%;
  height: 40px;
}

.curved-line::after {
  content: '';
  position: absolute;
  bottom: 0; /* 向上弯曲 */
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 3px solid #e74c3c; /* 红色线条 */
  border-radius: 30% 30% 0 0; /* 较平的弧度 */
  box-sizing: border-box;
}

.cute{
  cursor: pointer;
}
.cute:active{
  transition: .2s;
  transform: scale(.8);
}
.cute-9:active{
  transition: .2s;
  transform: scale(.9);
}